<!--
 * @Author: hanmengjie 515044692@qq.com
 * @Date: 2022-06-10 15:21:52
 * @LastEditors: hanmengjie 515044692@qq.com
 * @LastEditTime: 2022-06-18 15:44:20
 * @FilePath: \doctor_end\src\components\doctor\CheckDoctor.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="CheckDoctor">
    <!-- 面包屑-- -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '' }">医院信息管理</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/doctor' }"
        >医生管理
      </el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/checkdoctor' }"
        >查看医生
      </el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 医生个人信息 -->
    <div class="DoctorMessage">
      <h2>医生信息</h2>
      <el-row :gutter="20">
        <el-col :span="6">
          <div class="grid-content bg-purple">
            医生姓名：<span>{{ doctor.doName }}</span>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            性别：<span>{{ doctor.doSex }}</span>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            从业经验:<span>{{ doctor.doExperience }}</span>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            从属医院：<span>{{ doctor.doHospitalId }}</span>
          </div>
        </el-col>
        <br />
        <el-col :span="6">
          <div class="grid-content bg-purple">
            职称：<span>{{ doctor.doJob }}</span>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            科室：<span>{{ doctor.doDepartmentId }}</span>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            手机号码:<span>{{ doctor.phone }}</span>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            从业执照：
            <div class="demo-type">

                <img
                  src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"
                />
              </el-avatar>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>

    <div class="backbtn"><el-button @click="hosBackBtn">返回</el-button></div>
  </div>
</template>

<script>
export default {
  name: "CheckDoctor",
  created() {
    this.getDoctor();
  },
  data() {
    return {
      id:"",
      doctor: {},
      activeName: "first",
      input: "",
      input1: "",
      pageNo: 1,
      pageSize: 5,
    };
  },
  
  methods: {
    getDoctor() {
      //获取医生
      // this.$route.query.id,
      this.id=this.$route.query.id
      console.log(this.id)
      this.$service.doctorService
        .getDoctor(this.id, this.pageNo, this.pageSize)
        .then((res) => {
          this.doctor = res.data.data.doctor;
          console.log(this.doctor)
        });
        
    },
    hosBackBtn() {
      this.$router.push("/doctor");
    },
  },
};
</script>

<style>
.backbtn {
  margin: 5px auto;
  .el-button {
    margin: 0 auto;
  }
}
.el-row {
  margin-bottom: 20px;
}

.el-col {
  border-radius: 4px;
}

.about {
  width: 100%;
}

.el-tabs__nav {
  width: 100% !important;
}

.el-tabs__content {
  text-align: center;
}

.el-tabs {
  width: 100% !important;
}

.el-tabs__item {
  width: 33% !important;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
  margin-top: 15px;
}

.row-bg {
  padding: 10px 0;
}

.about {
  text-align: center;
}
</style>
